import React,{Component} from 'react';
import './Situation.css';
import {Icon} from "antd";

class Situation extends Component{
    constructor(props){
        super(props);
        this.state={};
    }

    render() {
        const {title,count,description,icon}=this.props.item;
        return(
            <div className={'situation'}>
                <div className={'situationLeft'}>
                    <Icon type={icon} className={'situationIcon'} />
                </div>
                <div className={'situationRight'}>
                    <div className={'situationTitle'}>{title}</div>
                    <div className={'situationCount'}>{count}</div>
                    <div className={'situationDescription'}>昨日：{description}</div>
                </div>
            </div>
        )
    }
}
export default Situation;
